@import "reset" ;
@import "mixin" ;
.reset();
header{
    height: .35rem;
    background: #222;
    color: @fontWhite;
    ul{

        &:first-child{
            float: left;
            li{
            &:first-child{
                border-right: .01rem solid #3a3a3a;
            }
        }
    }
        &:last-child{
            float: right;
            li{
                &:first-child{
                    border-right: .01rem solid #3a3a3a;
                }
            }
        }
        li{
            float: left;
            height: 100%;
            line-height: .35rem;
            padding: 0 .05rem;
            a{
             color: white;
             cursor: pointer;
            }
        }
    }
}

// 头部

.toubu{
    height: .6rem;
    border-bottom: .01rem solid rgba(153,153,153,.3);

    .log{
        width: 2.7rem;
        height: 100%;
        float: left;
        margin-left:.7rem; 
        margin-top: .07rem;
        line-height: .4rem;
        text-align: center;
        img{
            width: 1.1rem;
            height: auto;
            align-items: center;
            margin-right:.2rem ;
        }
        span{
            font-size: .17rem;
            line-height: .4rem;
            a:last-child{
               color: rgb(153,153,153);  

            }
        }
    }


    .sousuo{ 
        float: right;
        margin-right:.7rem; 
        position: relative;
        width: 3.4rem;
        height: .45rem;
        line-height: .4rem;
        text-align: center;
        margin-top: .07rem;
        input{
            width: 2.6rem;
            height: 100%;
            display: block;
            line-height: .45em;
            padding-left:.15rem;
            background: #f5f6f7;
            border: .01rem solid #eaeaeb;
            border-radius: .02rem; 
            padding: .15rem;
        }
        a{
            position: absolute;
            top: 0;
            right: 0;
            width:.8rem; 
            height: 100%;
            background: #208eda;
            text-align: center;
            line-height: .45rem;
            font-size: .14rem;
            color: white;
        }
    }
}


.neirong{
    display: flex;
    width: 11.7rem;
    margin: 0 auto;
    margin-top:.2rem;



    .left{
        flex:0 0 1rem;
        height: 2rem;



        ul{
            &.fixed{
                position: fixed;
                top: 0;
                width: 100%;
                height: 100%;

            }
            li{
                &.pinglun{
                    flex: 0 0 .3.5rem;
                    padding: .15rem  0;
                    line-height: .3.5rem;
                    border-bottom: .01rem solid rgba(153,153,153,.3); 
                   
                    a{
                        font-size: .35rem;
                        color:  @mainBGColor;
                    }
                    h2{
                        font-size: .17rem;
                        float: right;
                        color:  @mainBGColor;
                    }
                }
                &.wb{
                   
                    flex: 1;
                    line-height: .45rem;
                    a{
                        font-size: .33rem;
                        color: rgb(255,102,49);
                    }
                    h2{
                        float: right;
                        font-size: .15rem;
                    }
                }
                &.qq{
                    flex: 1;
                    line-height: .45rem;
                    a{
                        font-size: .33rem;
                        color: rgb(255,189,29)
                    }
                    h2{
                        float: right;
                        font-size: .15rem;
                    }
                }
                &.wx{
                    flex: 1;
                    line-height: .45rem;
                    a{
                        font-size: .33rem;
                        color: rgb(82,205,62);
                    }
                    h2{
                        float: right;
                        font-size: .15rem;  
                    }
                }
            }
        }
 
    }

    .main{
        flex:0 0 7.3rem;
        padding: 0 .3rem;
        .news{
            width: 100%;
        h2{
            font-size: .33rem;
            font-weight: bold;
            color: rgb(34,34,34);
        }
        ul{
            display: block;
            padding: .2rem 0;
            li{
                color: rgb(153, 153, 153);
                float: left; 
                padding: 0 .05rem;             
            }
            :first-child{
                border: .01rem solid rgb(153, 153, 153);
                padding: 0;
               
            }
        }
        p{
            font-size: .16rem;
            margin-top: .25rem;
            color: rgb(34,34,34);
            line-height: .26rem;
        }
    }
}







    .right{
        flex: 1;
    }


    .guanggao{
        margin-top: .15rem;
        height: 3.4rem;
        width: 100%;
        padding: .2rem;
        background: #f5f6f7;
        .ggtu{
            width: 100%;
            height: 100%;
            a{
                display: block;
                margin-top: .34rem;
                color: @adColor;
                font-size: .12rem;
            }
        }
    }
    // redian
    .redian{
        width: 100%;
        height: 3.67rem;
        background: #f5f6f7;
        border-top: .03rem solid @mainBGColor;
        margin-top:.15rem; 
        h2{
            a{
                display: block;
                margin:.1rem .2rem; 
                font-size: .2rem;
                font-weight: bold;
            }
        }
        ul{
            li{
                height: .8rem;
                padding: .1rem .2rem;
                border-bottom: .02rem solid #f3f3f3;
                a{
                    display: flex;
                    align-items: center;
                    img{
                        flex: 0 0 .6rem;
                        width: .6rem;
                        height: .6rem;
                    }
                    h3{
                        flex: 1;
                        margin-left:.15rem; 
                        font-size: .14rem;
                    }
                }
            }
        }
    }
    .batu{
        width: 100%;
        background: #f5f6f7;
        border-top: .03rem solid @mainBGColor;
        margin-top:.15rem; 
        height: 5.5rem;
        padding: .1rem .25rem;
        h2{
            a{
                display: block;
                margin:.1rem 0; 
                font-size: .2rem;
                font-weight: bold;
            }
        }
        .tttttttt{
        ul{
            li{
                float: right;
                width: 45%;
                height: 1.25rem;
                margin: 0 .07rem;
                a{
                    img{
                        width: 1.45rem;
                        height: .55rem;
                    }
                    h3{
                        margin-top:.1rem; 
                        font-size: .14rem;
                    }
                }                  
               }
            }
        }
    }

}

